import React, {Component} from 'react';
import {
    View,
    Text,
    Button,
    TouchableOpacity,
    StyleSheet,
} from 'react-native';

export default class RegisterPage extends Component {
    static navigationOptions = {
        header:null
        /*title: '注册',
        headerTitleStyle: {
            flex:1,
            textAlign:'center'
            //backgroundColor: '#f4511e',
            //alignSelf:'center'
        },*/
    };
    
    render() {
        const {props:{navigation}}=this
        return (
            <View style={styles.container}>
                <TouchableOpacity style={styles.btn} onPress={()=>{navigation.navigate('Login')}}>
                    <Text style={styles.txt}>注册</Text>
                </TouchableOpacity>
            </View>
        );
    }
}
const styles = StyleSheet.create({
    container: {
        flex: 1,
        flexDirection: 'column',
        justifyContent: 'center',
        alignItems: 'center',
    },
    btn:{
        width:300,
        paddingVertical: 10,
        alignItems:'center',
        backgroundColor:'red',
        textAlign:'center'
    },
    txt:{
        color:'#fff',
    },
    tabBarIcon: {
        width: 21,
        height: 21,
    }
});